import React, { Component } from "react";
import {
  HashRouter as Router,
  NavLink,
  Route,
  Switch,
  Redirect,
} from "react-router-dom";
import Discovery from "../../views/Discovery";
import Playlists from "../../views/Playlists";
import Playlist from "../../views/Playlist";
import Songs from "../../views/Songs";
import Mvs from "../../views/Mvs";
import Mv from "../../views/Mv";
import Search from "../../views/Search";
import NotFound from "../../views/NotFound";

export default class Content extends Component {
  render() {
    return (
      <Router>
        <div>
          <div className="main">
            <Switch>
              <Router path="/discovery" component={Discovery}></Router>
              <Router path="/playlists" component={Playlists}></Router>
              <Router path="/playlist" component={Playlist}></Router>
              <Router path="/songs" component={Songs}></Router>
              <Router path="/discovery" component={Discovery}></Router>
              <Router path="/discovery" component={Discovery}></Router>
            </Switch>
          </div>
        </div>
      </Router>
    );
  }
}
